<template>
        <NuxtLink to="/" title="Postman" class="brand">
            <img :src="counter.setting.logo" alt="logo">
        </NuxtLink>

        <div class="nav flex-md-column nav-pills flex-grow-1" role="tablist" aria-orientation="vertical">

            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="AI问答聊天"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/" role="tab">
                <svg t="1683733111091" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="40402" width="32" height="32"><path d="M512 117.76c218.065455 0 395.636364 135.68 395.636364 302.545455s-177.570909 302.545455-395.636364 302.545454a144.058182 144.058182 0 0 0-50.501818 10.472727 791.272727 791.272727 0 0 0-162.909091 99.374546c-4.421818-128.232727-23.272727-168.96-56.087273-191.534546C162.909091 584.145455 116.363636 503.621818 116.363636 420.538182c0-167.098182 177.570909-302.545455 395.636364-302.545455m0-69.818182c-256 0-465.454545 166.632727-465.454545 372.363637 0 110.312727 59.810909 209.454545 155.22909 277.643636 23.272727 16.756364 27.694545 116.363636 27.694546 192.232727a41.192727 41.192727 0 0 0 40.494545 41.89091 40.029091 40.029091 0 0 0 23.272728-8.61091c58.414545-45.149091 141.730909-105.425455 192-124.50909a74.007273 74.007273 0 0 1 26.763636-6.05091c256 0 465.454545-166.865455 465.454545-372.363636s-209.454545-372.363636-465.454545-372.363636z" fill="#8a8a8a" p-id="40403"></path><path d="M663.272727 325.818182h-302.545454a34.909091 34.909091 0 0 0 0 69.818182h302.545454a34.909091 34.909091 0 0 0 0-69.818182zM616.727273 488.727273h-209.454546a34.909091 34.909091 0 0 0 0 69.818182h209.454546a34.909091 34.909091 0 0 0 0-69.818182z" fill="#8a8a8a" p-id="40404"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>
            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="AI绘画"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/ai_draw" role="tab">
                    <svg t="1683732613164" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29321" width="32" height="32"><path d="M550.912 961.536h-3.072c-72.704-1.024-125.952-52.224-145.408-138.24C368.64 671.744 307.2 677.888 222.208 687.104c-49.152 5.12-104.448 11.264-146.432-26.624-33.792-30.72-49.152-81.92-49.152-160.768C26.624 258.048 223.232 61.44 464.896 61.44c193.536 0 366.592 130.048 420.864 316.416 6.144 21.504-6.144 44.032-27.648 51.2-21.504 6.144-44.032-6.144-51.2-27.648-44.032-151.552-184.32-257.024-342.016-257.024-196.608 0-356.352 159.744-356.352 356.352 0 69.632 14.336 93.184 22.528 100.352 14.336 13.312 47.104 9.216 82.944 6.144 87.04-9.216 219.136-23.552 269.312 199.68 16.384 73.728 54.272 73.728 66.56 74.752h1.024C634.88 879.616 768 754.688 808.96 595.968c6.144-21.504 27.648-34.816 50.176-29.696 21.504 6.144 34.816 27.648 29.696 50.176-49.152 185.344-205.824 345.088-337.92 345.088z" fill="#8a8a8a" p-id="29322"></path><path d="M240.64 458.752m-69.632 0a69.632 69.632 0 1 0 139.264 0 69.632 69.632 0 1 0-139.264 0Z" fill="#8a8a8a" p-id="29323"></path><path d="M442.368 296.96m-52.224 0a52.224 52.224 0 1 0 104.448 0 52.224 52.224 0 1 0-104.448 0Z" fill="#8a8a8a" p-id="29324"></path><path d="M658.432 366.592m-43.008 0a43.008 43.008 0 1 0 86.016 0 43.008 43.008 0 1 0-86.016 0Z" fill="#8a8a8a" p-id="29325"></path><path d="M518.144 654.336c-17.408 0-32.768-10.24-38.912-27.648-7.168-21.504 4.096-45.056 25.6-52.224L946.176 419.84c21.504-7.168 45.056 4.096 52.224 25.6 7.168 21.504-4.096 45.056-25.6 52.224L531.456 652.288c-5.12 1.024-9.216 2.048-13.312 2.048z" fill="#8a8a8a" p-id="29326"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>
            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="AI小应用"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/ai_application" role="tab">
                    <svg t="1683732871601" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36941" width="32" height="32"><path d="M567.68 72.277333l320.725333 170.666667A94.805333 94.805333 0 0 1 938.666667 326.570667v371.626666c0 35.157333-19.413333 67.413333-50.432 83.797334L567.466667 951.936c-34.688 18.389333-76.245333 18.389333-110.933334 0L135.765333 782.08A94.805333 94.805333 0 0 1 85.333333 698.282667v-371.626667c0-35.072 19.328-67.285333 50.261334-83.754667l320.725333-170.624a118.528 118.528 0 0 1 111.36 0z m-93.824 76.842667l-7.168 3.541333-256.426667 139.52a75.861333 75.861333 0 0 0-39.253333 59.733334L170.666667 358.826667v307.114666c0 25.685333 12.970667 49.493333 34.261333 63.402667l5.461333 3.285333 256.426667 138.922667a94.805333 94.805333 0 0 0 83.2 3.498667l7.125333-3.498667 256.469334-138.922667c22.613333-12.245333 37.333333-34.986667 39.466666-60.330666l0.256-6.4V358.826667c0-25.472-12.8-49.066667-33.706666-63.061334l-5.888-3.584-256.426667-139.52a94.805333 94.805333 0 0 0-83.456-3.541333z m217.173333 217.301333a42.666667 42.666667 0 1 1 42.666667 73.898667L554.666667 543.658667V725.333333a42.666667 42.666667 0 0 1-85.333334 0v-181.632L290.304 440.32a42.666667 42.666667 0 0 1 42.666667-73.898667L511.317333 469.333333h1.28z" fill="#8a8a8a" p-id="36942"></path></svg>

                    </NuxtLink>
                </el-tooltip>
            </client-only>
            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="思维导图"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/mark_me" role="tab">
<svg t="1685163210625" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8093" width="32" height="32"><path d="M848 368c-67.2 0-124.8 48-140.8 112h-57.6c-9.6-48-38.4-89.6-80-115.2l22.4-38.4c9.6 3.2 19.2 3.2 28.8 3.2 80 0 144-64 144-144s-64-144-144-144-140.8 64-140.8 144c0 44.8 22.4 86.4 57.6 112l-25.6 44.8c-9.6-3.2-19.2-3.2-32-3.2-28.8 0-57.6 6.4-83.2 22.4L297.6 262.4c12.8-22.4 22.4-48 22.4-76.8 0-80-64-144-144-144S32 105.6 32 185.6s64 144 144 144c28.8 0 54.4-9.6 76.8-22.4l92.8 92.8c-25.6 32-41.6 70.4-41.6 115.2 0 35.2 9.6 67.2 28.8 96l-70.4 83.2c-25.6-19.2-54.4-28.8-86.4-28.8-80 0-144 64-144 144s64 144 144 144 144-64 144-144c0-22.4-6.4-44.8-16-64l73.6-86.4c28.8 22.4 64 32 102.4 32 22.4 0 41.6-3.2 60.8-9.6l57.6 70.4c-19.2 25.6-32 57.6-32 92.8 0 80 64 144 144 144s144-64 144-144-64-144-144-144c-22.4 0-41.6 6.4-60.8 12.8l-51.2-64c28.8-25.6 51.2-60.8 57.6-102.4h57.6c16 64 70.4 112 140.8 112 80 0 144-64 144-144s-70.4-147.2-150.4-147.2z m-224-262.4c44.8 0 80 35.2 80 80s-35.2 80-80 80S544 230.4 544 185.6s35.2-80 80-80z m160 736c0 44.8-35.2 80-80 80s-80-35.2-80-80 35.2-80 80-80 80 38.4 80 80z m-608-576C131.2 265.6 96 230.4 96 185.6s35.2-80 80-80S256 140.8 256 185.6 217.6 265.6 176 265.6z m0 624c-44.8 0-80-35.2-80-80s35.2-80 80-80S256 764.8 256 809.6s-38.4 80-80 80z m192-374.4c0-60.8 51.2-112 112-112s112 51.2 112 112-51.2 112-112 112-112-51.2-112-112z m480 76.8c-44.8 0-80-35.2-80-80s35.2-80 80-80S928 470.4 928 512s-35.2 80-80 80z" fill="#8a8a8a" p-id="8094"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>
            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="必应问答"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/ai_bing" role="tab">
<svg t="1684574734852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24363" width="32" height="32"><path d="M243.626667 128l153.301333 53.930667v539.52l215.936-124.544-105.813333-49.706667-66.816-166.272 340.224 119.552v173.781333l-383.317334 221.141334-153.386666-85.333334L243.626667 128z" p-id="24364" fill="#8a8a8a"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>
            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="提示词"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/ai_ops" role="tab">
<svg t="1684381910019" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4764" width="32" height="32"><path d="M636.928 805.546667a31.36 31.36 0 0 0 31.189333 31.36 31.146667 31.146667 0 0 0 31.232-31.317334 31.36 31.36 0 0 0-31.189333-31.317333 31.146667 31.146667 0 0 0-31.232 31.317333zM648.618667 742.954667h39.04c4.266667 0 7.808-3.541333 7.808-7.850667v-109.568a7.850667 7.850667 0 0 0-7.808-7.850667h-39.04c-4.266667 0-7.808 3.541333-7.808 7.850667v109.568c0 4.309333 3.498667 7.850667 7.808 7.850667z" fill="#8a8a8a" p-id="4765"></path><path d="M683.733333 316.288V269.312c0-4.309333-3.498667-7.850667-7.765333-7.850667H301.141333c-4.266667 0-7.808 3.541333-7.808 7.850667v46.933333c0 4.352 3.541333 7.850667 7.808 7.850667h374.784c4.266667 0 7.765333-3.498667 7.765334-7.808zM301.226667 402.346667c-4.266667 0-7.808 3.541333-7.808 7.850666v46.933334c0 4.309333 3.541333 7.850667 7.808 7.850666h179.584c4.266667 0 7.808-3.498667 7.808-7.808V410.24c0-4.309333-3.498667-7.850667-7.808-7.850667H301.184z m366.933333 113.493333a211.072 211.072 0 0 0-210.773333 211.413333A211.072 211.072 0 0 0 668.16 938.666667a211.072 211.072 0 0 0 210.773333-211.370667 211.072 211.072 0 0 0-210.773333-211.370667z m104.96 316.586667a147.2 147.2 0 0 1-104.96 43.562666 147.2 147.2 0 0 1-104.874667-43.52 148.053333 148.053333 0 0 1-43.434666-105.216A148.053333 148.053333 0 0 1 563.2 622.08a147.2 147.2 0 0 1 104.874667-43.52 147.2 147.2 0 0 1 104.96 43.52 148.053333 148.053333 0 0 1 43.392 105.216 148.053333 148.053333 0 0 1-43.434667 105.216z" fill="#8a8a8a" p-id="4766"></path><path d="M441.728 844.714667H215.338667V155.776h546.474666v336.64c0 4.309333 3.541333 7.850667 7.808 7.850667h54.656c4.266667 0 7.808-3.541333 7.808-7.850667V116.650667A31.232 31.232 0 0 0 800.853333 85.333333H176.298667a31.232 31.232 0 0 0-31.232 31.317334v767.232c0 17.322667 13.952 31.274667 31.232 31.274666h265.429333c4.266667 0 7.808-3.498667 7.808-7.808v-54.784a7.850667 7.850667 0 0 0-7.808-7.850666z" fill="#8a8a8a" p-id="4767"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>
            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="翻译工具"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/ai_translate" role="tab">
<svg t="1683731624315" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18526" width="32" height="32"><path d="M608 416h288c35.36 0 64 28.48 64 64v416c0 35.36-28.48 64-64 64H480c-35.36 0-64-28.48-64-64v-288H128c-35.36 0-64-28.48-64-64V128c0-35.36 28.48-64 64-64h416c35.36 0 64 28.48 64 64v288z m0 64v64c0 35.36-28.48 64-64 64h-64v256.032c0 17.664 14.304 31.968 31.968 31.968H864a31.968 31.968 0 0 0 31.968-31.968V512a31.968 31.968 0 0 0-31.968-31.968H608zM128 159.968V512c0 17.664 14.304 31.968 31.968 31.968H512a31.968 31.968 0 0 0 31.968-31.968V160A31.968 31.968 0 0 0 512.032 128H160A31.968 31.968 0 0 0 128 159.968z m64 244.288V243.36h112.736V176h46.752c6.4 0.928 9.632 1.824 9.632 2.752a10.56 10.56 0 0 1-1.376 4.128c-2.752 7.328-4.128 16.032-4.128 26.112v34.368h119.648v156.768h-50.88v-20.64h-68.768v118.272H306.112v-118.272H238.752v24.768H192z m46.72-122.368v60.48h67.392V281.92H238.752z m185.664 60.48V281.92h-68.768v60.48h68.768z m203.84 488H576L668.128 576h64.64l89.344 254.4h-54.976l-19.264-53.664h-100.384l-19.232 53.632z m33.024-96.256h72.864l-34.368-108.608h-1.376l-37.12 108.608zM896 320h-64a128 128 0 0 0-128-128V128a192 192 0 0 1 192 192zM128 704h64a128 128 0 0 0 128 128v64a192 192 0 0 1-192-192z" fill="#8a8a8a" p-id="18527"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>
                  <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="代码转换工具"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/ai_code" role="tab">
 <svg t="1683999381909" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12928" width="32" height="32"><path d="M468.8896 796.125867l-50.312533 46.148266L178.414933 580.266667H853.333333v68.266666H333.585067l135.304533 147.592534zM690.414933 375.466667l-135.304533-147.592534 50.312533-46.148266L845.585067 443.733333H170.666667v-68.266666h519.748266z" fill="#707070" p-id="12929"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>
                        <client-only v-if="counter.setting.buy_is_open==1">
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="我的小店"
                    placement="right"
                >
                    <NuxtLink class="mb-xl-3 mb-md-2 nav-link" data-toggle="pill" to="/ai_shop" role="tab">
<svg t="1683732996529" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="38365" width="32" height="32"><path d="M952.786158 352.800941c0-0.516042-0.172014-0.860071-0.172014-1.376113-0.344028-1.892155-0.860071-3.612296-1.548127-5.332437L875.895851 159.285066c-13.073072-38.703175-50.22812-62.441122-93.919704-62.613136L255.440954 96.67193c-44.207626 0-78.610449 23.565933-90.995464 60.720981L83.770872 347.984546c-0.344028 1.204099-0.860071 2.752226-1.204099 4.472367-5.84848 18.061482-8.77272 36.466991-8.77272 55.044515 0 65.193348 35.778935 124.71023 93.231648 155.328742 0 0 0 0 0 0s0 0 0 0l0 0c0 0 0 0 0 0 23.565933 12.55703 51.432219 18.921552 82.738787 18.921552 52.464304-0.172014 101.144297-23.221905 134.34302-62.78515 33.026709 39.219217 81.19066 62.097094 133.654964 62.441122 51.948261-0.344028 100.112212-23.393919 132.966907-62.613136 33.198723 39.563245 81.878717 62.441122 134.687049 62.441122 31.994625-0.172014 60.204939-6.880564 84.1149-19.953637 56.592642-30.96254 91.683521-90.135394 91.683521-154.640685C961.386864 388.235847 958.29061 369.658324 952.786158 352.800941zM839.084831 505.377457c-14.449185 7.912649-32.510667 12.040988-53.668402 12.040988-39.047203 0-74.48211-19.781623-95.295817-53.324374-1.548127-3.096254-3.956325-8.428691-8.600706-13.417101-5.332437-5.84848-14.793214-12.901058-30.618512-12.901058-12.729044 0-24.25399 5.160423-30.790526 13.245087-4.300353 4.816395-6.70855 9.63279-8.428691 13.245087-20.469679 33.198723-55.732572 53.15236-93.919704 53.324374-38.703175-0.172014-73.966068-20.125651-94.607761-53.496388-1.376113-2.92424-3.78431-7.912649-7.568621-12.040988-14.965228-17.889467-48.679993-17.029397-61.753066-1.376113-4.816395 5.332437-7.396607 10.664875-8.944734 14.277171-20.641693 33.198723-56.248614 52.980346-94.951789 53.15236-20.641693 0-38.359147-3.956325-52.636318-11.524945l0 0c0 0 0 0 0 0-36.639006-19.437594-59.344868-57.452713-59.344868-98.908114 0-12.213002 2.064169-24.598018 6.192508-36.639006 0.344028-0.860071 0.516042-1.892155 0.688056-2.752226l79.470519-187.839409c1.548127-4.816395 6.536536-19.437594 31.306568-19.437594l526.707206 0c10.148833 0.688056 27.694272 2.408198 33.88678 20.641693l74.310096 185.259197c0.344028 1.376113 0.688056 2.580212 1.032085 3.612296 4.128339 12.040988 6.192508 24.25399 6.192508 36.466991C897.397615 447.924744 875.03578 485.595834 839.084831 505.377457z" fill="#8a8a8a" p-id="38366"></path><path d="M862.994793 607.897867c-17.717453 0-31.994625 14.277171-31.994625 31.994625l0 174.594322c0 9.976818-8.084663 18.061482-18.061482 18.061482l-602.049387 0.344028c-9.976818 0-18.061482-8.084663-18.061482-17.889467l-0.172014-171.498068c0-17.717453-14.449185-31.994625-31.994625-31.994625 0 0 0 0 0 0-17.717453 0-31.994625 14.449185-31.994625 31.994625l0.172014 171.498068c0 45.067697 36.81102 81.878717 82.050731 81.878717l602.221401-0.344028c45.067697-0.172014 81.878717-36.81102 81.878717-82.050731l0-174.594322C894.989417 622.347052 880.712246 607.897867 862.994793 607.897867z" fill="#8a8a8a" p-id="38367"></path><path d="M768.043004 383.935495 255.956996 383.935495c-17.717453 0-31.994625-14.277171-31.994625-31.994625 0-17.717453 14.277171-31.994625 31.994625-31.994625l511.913993 0c17.717453 0 31.994625 14.277171 31.994625 31.994625C800.037628 369.658324 785.588443 383.935495 768.043004 383.935495z" fill="#8a8a8a" p-id="38368"></path></svg>
                    </NuxtLink>
                </el-tooltip>
            </client-only>

        </div>

        <div class="nav flex-md-column nav-pills flex-grow-2" role="tablist" aria-orientation="vertical">
            <div class="mb-xl-3 mb-md-2 nav-link cursor-pointer" @click="change_theme('dark')" v-if="colorMode.preference=='light'||colorMode.preference=='system'" role="tab">

                <!--                <svg t="1684246256275" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1554" width="32" height="32"><path d="M512 341c-94.4 0-171 76.6-171 171s76.6 171 171 171 171-76.6 171-171-76.6-171-171-171z m0 277.9c-59 0-106.9-47.9-106.9-106.9 0-59 47.9-106.9 106.9-106.9 59 0 106.9 47.8 106.9 106.9 0 59-47.9 106.9-106.9 106.9zM512 725.8c-17.7 0-32.1 14.4-32.1 32.1V822c0 17.7 14.4 32.1 32.1 32.1s32.1-14.4 32.1-32.1v-64.1c0-17.8-14.4-32.1-32.1-32.1zM512 298.3c17.7 0 32.1-14.4 32.1-32.1v-64.1c0-17.7-14.4-32.1-32.1-32.1s-32.1 14.4-32.1 32.1v64.1c0 17.7 14.4 32.1 32.1 32.1zM315.5 360.9c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-45.3-45.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l45.3 45.3zM708.5 663.1c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l45.3 45.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-45.3-45.3zM298.3 512c0-17.7-14.4-32.1-32.1-32.1h-64.1c-17.7 0-32.1 14.4-32.1 32.1s14.4 32.1 32.1 32.1h64.1c17.7 0 32.1-14.4 32.1-32.1zM821.9 479.9h-64.1c-17.7 0-32.1 14.4-32.1 32.1s14.4 32.1 32.1 32.1h64.1c17.7 0 32.1-14.4 32.1-32.1s-14.4-32.1-32.1-32.1zM315.5 663.1l-45.3 45.3c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l45.3-45.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0zM708.5 360.9l45.3-45.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-45.3 45.3c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" p-id="1555" fill="#707070"></path></svg>-->
            <svg t="1684574279870" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5318" width="32" height="32"><path d="M510 192a32 32 0 0 1-32-32V80a32 32 0 1 1 64 0v80a32 32 0 0 1-32 32z m224.864 93.136a32 32 0 0 1 0-45.248l56.576-56.576a32 32 0 1 1 45.248 45.248l-56.56 56.56a32 32 0 0 1-45.264 0.016z m93.136 224.864a32 32 0 0 1 32-32h80a32 32 0 1 1 0 64h-80a32 32 0 0 1-32-32z m-93.136 224.864a32 32 0 0 1 45.248 0l56.56 56.56a32 32 0 1 1-45.248 45.248l-56.576-56.56a32 32 0 0 1 0.016-45.248zM510 828a32 32 0 0 1 32 32v80a32 32 0 1 1-64 0v-80a32 32 0 0 1 32-32z m-224.864-93.136a32 32 0 0 1 0 45.248l-56.56 56.56a32 32 0 0 1-45.248-45.248l56.576-56.56a32 32 0 0 1 45.232 0zM192 510a32 32 0 0 1-32 32H80a32 32 0 1 1 0-64h80a32 32 0 0 1 32 32z m93.136-224.864a32 32 0 0 1-45.248 0l-56.576-56.56a32 32 0 0 1 45.248-45.248l56.56 56.576a32 32 0 0 1 0.016 45.232zM510 272c132.544 0 240 107.456 240 240 0 132.544-107.456 240-240 240-132.544 0-240-107.456-240-240 0-132.544 107.456-240 240-240z m0 64c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z" fill="#8a8a8a" p-id="5319"></path></svg>
            </div>
            <div class="mb-xl-3 mb-md-2 nav-link cursor-pointer" @click="change_theme('light')" v-if="colorMode.preference=='dark'"  role="tab">
<!--                <svg t="1684246268012" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1932" width="32" height="32"><path d="M572.4 229.9c8.8-8.8 21.9-11.7 33.6-7.5 115.1 41.7 197.5 152 197.5 281.6 0 165.4-134.1 299.5-299.5 299.5-129.6 0-239.9-82.3-281.6-197.5-4.2-11.7-1.3-24.8 7.5-33.6s21.9-11.7 33.6-7.5c25 9 51.9 14 80.1 14 129.9 0 235.3-105.3 235.3-235.3 0-28.2-4.9-55.2-14-80.1-4.2-11.7-1.3-24.8 7.5-33.6z m69.1 83.2c1 10 1.5 20.2 1.5 30.5C643 509 508.9 643 343.6 643c-10.3 0-20.5-0.5-30.5-1.5 42.7 59.3 112.4 97.8 191 97.8C634 739.3 739.3 634 739.3 504c0-78.5-38.5-148.2-97.8-190.9z" p-id="1933" fill="#707070"></path></svg>-->
            <svg t="1684574548131" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5853" width="32" height="32"><path d="M467.648 927.008A412 412 0 0 1 133.808 755.632a31.408 31.408 0 0 1 27.76-49.6l5.136 0.368c5.6 0.368 11.2 0.784 16.864 0.784 191.168 0.272 346.48-154.24 347.2-345.392a341.744 341.744 0 0 0-64.752-200.352 31.376 31.376 0 0 1 27.664-49.6c221.216 12.256 392.192 198.864 385.12 420.304-7.072 221.44-189.6 396.736-411.152 394.864z m-240.24-159.296a345.968 345.968 0 1 0 325.536-583.328 402.56 402.56 0 0 1 40.976 177.424c-0.72 208.992-158.672 383.92-366.512 405.904z" fill="#8a8a8a" p-id="5854"></path></svg>
            </div>
<!--            <div class="mb-xl-3 mb-md-2 nav-link cursor-pointer" @click="change_theme('light')" v-if="colorMode.preference=='system'"  role="tab">-->
<!--                <svg t="1684246434468" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2556" width="32" height="32"><path d="M685.94826817 235.45053788a101.54 101.54 0 0 0-143.4507527-0.19091883 99.87 99.87 0 0 0-23.49715834 37.90799454l-37.98577628-37.98577629a101.09 101.09 0 0 0-172.90175014 72.69057711 101 101 0 0 0-34.72601402 196.49790342l-37.88678134 37.88678134A101.47 101.47 0 0 0 308.65023187 715.34976813a101.08 101.08 0 0 0 196.5898273 35.24220198l37.98577629 37.98577628a101.09 101.09 0 0 0 172.90175013-72.6905771 101 101 0 0 0 34.72601403-196.49790343l37.88678133-37.88678133A101.47 101.47 0 0 0 715.59018444 308.40981556a101.26 101.26 0 0 0-29.64191627-72.95927768z m-307.26618069 102.06379279a43.42 43.42 0 1 1 61.40515287-61.40515287l102.60119395 102.60119395a43.42 43.42 0 1 1-61.40515287 61.40515287z m61.94255403 348.46222177A43.39 43.39 0 1 1 379.12756475 685.88462856l30.70257644-30.70257644z m204.93368732 0.26870058a43.42 43.42 0 1 1-61.40515288 61.40515288l-102.60119395-102.60119395a43.42 43.42 0 1 1 61.40515288-61.40515288zM440.44786481 542.53994188L338.11537144 644.87243525a43.53 43.53 0 0 1-61.56071637-61.56071637l102.33249337-102.33249337a43.53 43.53 0 0 1 61.56071637 61.56071637z m-71.89861751-133.30377039l-30.70257644 30.70257644a43.55 43.55 0 1 1-0.07778174-61.48293462z m144.78011345 103.85277295c-0.79903066-0.00707107-1.59099026-0.00707107-2.39002092 0 0.00707107-0.79903066 0.00707107-1.59099026 0-2.39002092 0.79903066 0.00707107 1.58391919 0.01414214 2.39002092 0-0.02828427 0.79195959-0.0212132 1.57684812-0.01414214 2.37587879z m234.65338534 132.32089197a43.51 43.51 0 0 1-61.48293463-0.07778175l-30.79450032-30.79450032 30.70257644-30.70257644a43.53 43.53 0 0 1 61.56071637 61.56071637z m-0.26870058-204.93368733L645.38155214 542.80864246a43.53 43.53 0 0 1-61.56071637-61.56071637l102.33249337-102.33249338a43.53 43.53 0 0 1 61.56071637 61.56071637z m-102.60119395-102.60119395l-30.70257644 30.70257644-30.79450032-30.79450032A43.39 43.39 0 1 1 645.11285156 337.87495513z" p-id="2557" fill="#707070"></path></svg>-->
<!--            </div>-->
            <client-only>
                <el-tooltip
                    class="box-item"
                    effect="dark"
                    content="个人中心"
                    placement="right"
                >
                    <NuxtLink v-if="!token" class="mb-xl-3 mb-md-2 nav-link cursor-pointer" @click="login_dialog_click()" role="tab">
<svg t="1684574182831" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3245" width="32" height="32"><path d="M913.94086 431.828053c-4.878101-25.783223-20.693298-42.455951-40.947598-42.455951l-3.511987 0c-54.731532 0-99.248422-44.515866-99.248422-99.262748 0-17.294898 8.299013-37.015032 8.619308-37.798884 10.097986-22.722514 2.349511-50.567699-18.078751-64.859193l-102.701057-57.183374-1.509377-0.738827c-20.545942-8.909927-48.667419-3.207042-63.987337 12.753465-11.086499 11.434423-49.306986 44.037982-78.471213 44.037982-29.543873 0-67.849294-33.257451-78.992075-44.908816-15.293311-16.077164-43.12417-22.112624-63.902402-13.218046l-106.35733 58.272171-1.596358 1.016143c-20.430308 14.234189-28.207435 42.078351-18.165732 64.713884 0.346901 0.827855 8.676613 20.387329 8.676613 37.914518 0 54.746882-44.51689 99.262748-99.247398 99.262748l-4.149507 0c-19.617803 0-35.434024 16.671705-40.309054 42.455951-0.363274 1.814322-8.590656 45.446052-8.590656 80.429821 0 34.938744 8.227382 78.555124 8.590656 80.355119 4.875031 25.799596 20.691251 42.48665 40.946574 42.48665l3.511987 0c54.730509 0 99.247398 44.51689 99.247398 99.247398 0 17.411555-8.328689 37.058011-8.647961 37.812187-10.069333 22.766516-2.349511 50.567699 18.021445 64.787562l100.756775 56.531528 1.538029 0.696872c20.836561 9.17087 49.01432 3.191692 64.250326-13.464663 14.07353-15.207353 52.207036-46.782489 80.20981-46.782489 30.354332 0 69.445652 35.347043 80.706113 47.76691 10.387581 11.376095 26.349111 18.22713 42.687218 18.22713 7.631818 0 14.857383-1.511423 21.474081-4.354168l104.4724-57.574277 1.538029-0.989537c20.428262-14.276145 28.206412-42.077328 18.138102-64.727187-0.348947-0.842181-8.677637-20.402679-8.677637-37.928844 0-54.730509 44.51689-99.247398 99.248422-99.247398l4.093225 0c19.644409 0 35.488259-16.687054 40.365336-42.48665 0.347924-1.799996 8.588609-45.416376 8.588609-80.355119C922.529469 477.274104 914.288784 433.642374 913.94086 431.828053M862.982258 512.257873c0 22.605857-4.498454 51.655474-6.559393 63.785745-82.09781 6.732331-145.738245 75.335802-145.738245 158.303422 0 23.419386 7.430226 45.851281 11.377118 56.169277l-89.12076 49.216935c-4.38282-4.584412-17.325597-17.644869-34.939767-30.762631-30.93557-22.925129-60.595077-34.635845-88.106664-34.635845-27.278273 0-56.703443 11.420097-87.493703 34.05563-17.528212 12.768815-30.296003 25.479301-34.765805 30.18037l-85.724407-47.997154c4.179183-10.839883 11.405771-32.982182 11.405771-56.226582 0-82.96762-63.640436-151.571091-145.70857-158.303422-2.089591-12.130272-6.588045-41.178865-6.588045-63.785745 0-22.650883 4.498454-51.713802 6.588045-63.844074 82.068134-6.718005 145.70857-75.335802 145.70857-158.303422 0-23.288402-7.429203-45.792952-11.376095-56.095599l91.325985-50.190099c3.975545 3.976568 17.005302 16.730033 34.82311 29.411867 30.355355 21.663392 59.260685 32.633235 86.016049 32.633235 26.494421 0 55.19509-10.766205 85.346807-32.009018 17.963117-12.623505 30.964222-25.203008 34.736129-28.757974l87.900979 48.825009c-3.975545 10.244318-11.405771 32.676214-11.405771 56.18258 0 82.96762 63.640436 151.585417 145.738245 158.303422C858.483804 460.5717 862.982258 489.7523 862.982258 512.257873" fill="#8a8a8a" p-id="3246"></path><path d="M510.215866 365.633445c-80.530105 0-146.056494 65.527412-146.056494 146.057517 0 80.543408 65.527412 146.043191 146.056494 146.043191 80.530105 0 146.057517-65.499783 146.057517-146.043191C656.273383 431.160857 590.74597 365.633445 510.215866 365.633445M596.725148 511.690962c0 47.693232-38.799678 86.491887-86.509283 86.491887-47.708582 0-86.479607-38.798655-86.479607-86.491887 0-47.665603 38.771025-86.479607 86.479607-86.479607C557.925471 425.212378 596.725148 464.025359 596.725148 511.690962" fill="#8a8a8a" p-id="3247"></path></svg>

                    </NuxtLink>
                    <NuxtLink v-else class="mb-xl-3 mb-md-2 nav-link" to="/users/setting" role="tab">
<svg t="1684574182831" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3245" width="32" height="32"><path d="M913.94086 431.828053c-4.878101-25.783223-20.693298-42.455951-40.947598-42.455951l-3.511987 0c-54.731532 0-99.248422-44.515866-99.248422-99.262748 0-17.294898 8.299013-37.015032 8.619308-37.798884 10.097986-22.722514 2.349511-50.567699-18.078751-64.859193l-102.701057-57.183374-1.509377-0.738827c-20.545942-8.909927-48.667419-3.207042-63.987337 12.753465-11.086499 11.434423-49.306986 44.037982-78.471213 44.037982-29.543873 0-67.849294-33.257451-78.992075-44.908816-15.293311-16.077164-43.12417-22.112624-63.902402-13.218046l-106.35733 58.272171-1.596358 1.016143c-20.430308 14.234189-28.207435 42.078351-18.165732 64.713884 0.346901 0.827855 8.676613 20.387329 8.676613 37.914518 0 54.746882-44.51689 99.262748-99.247398 99.262748l-4.149507 0c-19.617803 0-35.434024 16.671705-40.309054 42.455951-0.363274 1.814322-8.590656 45.446052-8.590656 80.429821 0 34.938744 8.227382 78.555124 8.590656 80.355119 4.875031 25.799596 20.691251 42.48665 40.946574 42.48665l3.511987 0c54.730509 0 99.247398 44.51689 99.247398 99.247398 0 17.411555-8.328689 37.058011-8.647961 37.812187-10.069333 22.766516-2.349511 50.567699 18.021445 64.787562l100.756775 56.531528 1.538029 0.696872c20.836561 9.17087 49.01432 3.191692 64.250326-13.464663 14.07353-15.207353 52.207036-46.782489 80.20981-46.782489 30.354332 0 69.445652 35.347043 80.706113 47.76691 10.387581 11.376095 26.349111 18.22713 42.687218 18.22713 7.631818 0 14.857383-1.511423 21.474081-4.354168l104.4724-57.574277 1.538029-0.989537c20.428262-14.276145 28.206412-42.077328 18.138102-64.727187-0.348947-0.842181-8.677637-20.402679-8.677637-37.928844 0-54.730509 44.51689-99.247398 99.248422-99.247398l4.093225 0c19.644409 0 35.488259-16.687054 40.365336-42.48665 0.347924-1.799996 8.588609-45.416376 8.588609-80.355119C922.529469 477.274104 914.288784 433.642374 913.94086 431.828053M862.982258 512.257873c0 22.605857-4.498454 51.655474-6.559393 63.785745-82.09781 6.732331-145.738245 75.335802-145.738245 158.303422 0 23.419386 7.430226 45.851281 11.377118 56.169277l-89.12076 49.216935c-4.38282-4.584412-17.325597-17.644869-34.939767-30.762631-30.93557-22.925129-60.595077-34.635845-88.106664-34.635845-27.278273 0-56.703443 11.420097-87.493703 34.05563-17.528212 12.768815-30.296003 25.479301-34.765805 30.18037l-85.724407-47.997154c4.179183-10.839883 11.405771-32.982182 11.405771-56.226582 0-82.96762-63.640436-151.571091-145.70857-158.303422-2.089591-12.130272-6.588045-41.178865-6.588045-63.785745 0-22.650883 4.498454-51.713802 6.588045-63.844074 82.068134-6.718005 145.70857-75.335802 145.70857-158.303422 0-23.288402-7.429203-45.792952-11.376095-56.095599l91.325985-50.190099c3.975545 3.976568 17.005302 16.730033 34.82311 29.411867 30.355355 21.663392 59.260685 32.633235 86.016049 32.633235 26.494421 0 55.19509-10.766205 85.346807-32.009018 17.963117-12.623505 30.964222-25.203008 34.736129-28.757974l87.900979 48.825009c-3.975545 10.244318-11.405771 32.676214-11.405771 56.18258 0 82.96762 63.640436 151.585417 145.738245 158.303422C858.483804 460.5717 862.982258 489.7523 862.982258 512.257873" fill="#8a8a8a" p-id="3246"></path><path d="M510.215866 365.633445c-80.530105 0-146.056494 65.527412-146.056494 146.057517 0 80.543408 65.527412 146.043191 146.056494 146.043191 80.530105 0 146.057517-65.499783 146.057517-146.043191C656.273383 431.160857 590.74597 365.633445 510.215866 365.633445M596.725148 511.690962c0 47.693232-38.799678 86.491887-86.509283 86.491887-47.708582 0-86.479607-38.798655-86.479607-86.491887 0-47.665603 38.771025-86.479607 86.479607-86.479607C557.925471 425.212378 596.725148 464.025359 596.725148 511.690962" fill="#8a8a8a" p-id="3247"></path></svg>

                    </NuxtLink>
                </el-tooltip>
            </client-only>


        </div>

    <Login :login_dialog="login_dialog"  @handleCancel="handleCancel"/>


</template>
<script lang="ts" setup>
import {ref} from "vue";
import {ElMessage} from "element-plus";
import {useCounter} from '~/store/counter'
const token = useCookie('token')

const counter = useCounter()
const colorMode = useColorMode()
const login_dialog = ref(false)
const login_dialog_click = () => {
    login_dialog.value = true
}

const handleCancel = () => {
    login_dialog.value = false
}
const get_config = () => {
    get_nav_config().then((res: any) => {
        counter.setting = res._rawValue.data;
    }).catch((err: any) => {
        ElMessage.error(err);
    })
}
get_config()

const change_theme = (theme: string) => {
    colorMode.preference = theme
}
</script>
